<section [ngStyle]="tagData.cssStyle|styleFilter">

  <ng-container *ngIf="tagData?.data?.headDiv">
    <ng-container
      *ngIf="tagData.data.headDiv.labelText!==undefined&&tagData.data.headDiv.labelText==='hiddenHeadDiv'; else headDivElseTemplate">
    </ng-container>
    <ng-template #headDivElseTemplate>
      <div>
        <p class="headTitle" *ngIf="tagData?.data?.headDiv?.headTitle">{{tagData?.data?.headDiv?.headTitle}}</p>
        <p class="labelText" *ngIf="tagData?.data?.headDiv?.labelText">{{tagData?.data?.headDiv?.labelText}}</p>
        <div class="topLine"></div>
      </div>
    </ng-template>
  </ng-container>

  <div class="newTitle" *ngIf="tagData?.data?.leftTitle || tagData?.data?.title">
    <span *ngIf="tagData?.data?.leftTitle"
      [ngStyle]="tagData?.data?.leftTitleCssStyle | styleFilter">{{tagData?.data?.leftTitle}}</span>
    <span *ngIf="tagData?.data?.title"
      [ngStyle]="tagData?.data?.titleCssStyle | styleFilter">{{tagData?.data?.title}}</span>
  </div>

  <ng-container *ngIf="tagData.name === 'appInfoListTagSearchNOImg'; else appInfoListTag">

    <div id="information{{dataIndex}}" [ngStyle]="item.mainBox1?.cssStyle|styleFilter"
      *ngFor="let item of tagData.data.data, let dataIndex = index" class="information-search" appDebounceClick
      (debounceClick)="moreClick(item.link)">
      <p class="search-first-label" *ngIf="item.firstRowLeft?.text"
        [ngStyle]="item.firstRowLeft?.cssStyle | styleFilter">{{item.firstRowLeft.text}}</p>
      <p class="search-second-label" *ngIf="item.secondRowLeft?.text"
        [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">{{item.secondRowLeft.text}}</p>
    </div>

  </ng-container>
  <ng-template #appInfoListTag>
    <div id="information{{dataIndex}}" [ngStyle]="item.mainBox1?.cssStyle|styleFilter"
      *ngFor="let item of tagData.data.data, let dataIndex = index" class="information">
      <div class="informationMessage" [ngStyle]="item.mainBox2?.cssStyle|styleFilter">
        <div appDebounceClick (debounceClick)="go(item)" [ngStyle]="item.mainBox?.cssStyle|styleFilter">

          <!--蜂喔商户1.6.21 新增 发布时间 状态 星级评价-->
          <div class="topBox" *ngIf="item.topRow" [ngStyle]="item.topRowCssStyle|styleFilter">
            <div [ngStyle]="item.topRow?.box?.leftBoxCssStyle|styleFilter">
              <span class="address" *ngIf="item.topRow?.firstText?.cssStyle"
                [ngStyle]="item.topRow?.firstText?.cssStyle|styleFilter">{{item.topRow.firstText.label}}
              </span>
              <span class="address" *ngIf="item.topRow?.middleText?.cssStyle"
                [ngStyle]="item.topRow?.middleText?.cssStyle|styleFilter">{{item.topRow.middleText.label}}
              </span>
              <span class="address" *ngIf="item.topRow?.secondText?.cssStyle" appDebounceClick
                (debounceClick)="topLeftClick(item.newLeftLinkButtons,item.topRow.secondText.label,$event)"
                [ngStyle]="item.topRow?.secondText?.cssStyle|styleFilter">
                {{item.topRow.secondText.label}}
                <img *ngIf="item.topRow?.secondText?.icon" class="right-arrow" [src]="item.topRow?.secondText?.icon"
                  onerror="this.src='http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165396555498072c8248d0f33afaf19a05d788ce9c01f.png'"
                  [ngStyle]="item.topRow?.secondText?.iconCssStyle|styleFilter" />
              </span>
            </div>
            <div [ngStyle]="item.topRow?.box?.rightBoxCssStyle|styleFilter" appDebounceClick
              (debounceClick)="topRightClick(item.newLinkButtons,$event)">

              <span class="address" *ngIf="item.topRow?.star?.leftLabel"
                [ngStyle]="item.topRow?.star?.leftLabelCssStyle|styleFilter">{{item.topRow.star.leftLabel}}
              </span>


              <app-rating *ngIf="item.topRow?.star?.value" [rate]="item.topRow?.star?.value"></app-rating>


              <div class="starLabelDiv" [ngStyle]="item.topRow?.star?.starLabelDivCssStyle|styleFilter">
                <span class="starLabelBox" *ngIf="item.topRow?.star?.label1"
                  [ngStyle]="item.topRow?.star?.label1CssStyle|styleFilter">
                  <img *ngIf="item.topRow?.star?.icon1" class="rightStarIcon" [src]="item.topRow?.star?.icon1"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16833651025627acf76a39c65fd1254b2991b448f66e7.png'"
                    [ngStyle]="item.topRow?.star?.icon1CssStyle|styleFilter" />
                  {{item.topRow.star.label1}}
                </span>

                <span class="starLabelBox" *ngIf="item.topRow?.star?.label"
                  [ngStyle]="item.topRow?.star?.labelCssStyle|styleFilter">
                  <img *ngIf="item.topRow?.star?.icon" class="rightStarIcon" [src]="item.topRow?.star?.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16833651025627acf76a39c65fd1254b2991b448f66e7.png'"
                    [ngStyle]="item.topRow?.star?.iconCssStyle|styleFilter" />
                  {{item.topRow.star.label}}
                </span>
              </div>

            </div>
          </div>

          <!--蜂喔商户1.6.21 新增 secondBoxCssStyle-->
          <div class="mainBox" [ngStyle]="item.secondBoxCssStyle|styleFilter">
            <!--蜂喔商户1.6.21 新增 忠诚-->
            <span class="imgLeftStatus" *ngIf="item.imgLeftStatus"
              [ngStyle]="item.imgLeftStatusCssStyle|styleFilter">{{item.imgLeftStatus}}</span>

            <img class="informationImg" *ngIf="item.imageUrl !== undefined" [src]="item.imageUrl"
              onerror="this.src='assets/img/default_img.png'" [ngStyle]="item.imgPicCssStyle|styleFilter"
              appDebounceClick (debounceClick)="previewImage(item.imageUrl,1,item.imageIsPreView)">

            <ng-container
              *ngIf="item.newImage && item.newImage.isImage && item.newImage.isImage === 'true'; else elseTemplate">
              <img class="informationImg" [src]="item.newImage.value" onerror="this.src='assets/img/default_img.png'"
                [ngStyle]="item.imgPicCssStyle|styleFilter" appDebounceClick
                (debounceClick)="previewImage(item.newImage.value,1,item.imageIsPreView)">
            </ng-container>
            <ng-template #elseTemplate>
              <div class="informationImg" *ngIf="item.newImage" [ngStyle]="item.imgPicCssStyle|styleFilter">
                <div class="video" appDebounceClick
                  (debounceClick)="previewVideo(item.newImage.value,item.imageIsPreView)">
                  <img class="previewImg"
                    src="{{item.newImage.value}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto,h_112,w_112"
                    onerror="this.src='assets/img/default_img.png'" [ngStyle]="item.previewImgCssStyle|styleFilter" />
                  <!-- 播放按钮 -->
                  <img class="v-img" [src]="item.newImage?.icon" [ngStyle]="item.playIconCssStyle|styleFilter"
                    onerror="this.src='assets/fw/video_icon_paly.png'" />
                </div>
              </div>
            </ng-template>

            <div [ngClass]="{'noImageInformation': item.imageUrl === undefined && item.newImage === undefined}"
              class="informationRight">
              <div [ngStyle]="item.fristClassCssStyle | styleFilter">

                <!-- 蜂喔商户1.6.22 -->
                <div class="contentTopBox" [ngStyle]="item?.contentTopBoxCssStyle | styleFilter"
                  *ngIf="item.contentTopBoxCssStyle">
                  <div class="topLeftBox" [ngStyle]="item?.topLeftBoxCssStyle | styleFilter">
                    <span class="topLeftLabel" *ngIf="item.topLeftLabel"
                      [ngStyle]="item?.topLeftLabelCssStyle | styleFilter">{{item.topLeftLabel}}</span>
                    <span class="topLeftLabel2" *ngIf="item.topLeftLabel2"
                      [ngStyle]="item?.topLeftLabel2CssStyle | styleFilter">{{item.topLeftLabel2}}</span>
                  </div>
                  <span class="topRightLabel" *ngIf="item.topRightLabel"
                    [ngStyle]="item?.topRightLabelCssStyle | styleFilter">{{item.topRightLabel}}</span>
                </div>

                <div class="fristClass" [ngClass]="{'firstClassBetween': item.firstClassNeedBetween}"
                  [ngStyle]="item.fristClassTitleBgCssStyle | styleFilter">
                  <div [ngStyle]="item.fristClassTitleCssStyle | styleFilter">

                    <img *ngIf="item.leftIconBank" [src]="item.leftIconBank"
                      [ngStyle]="item?.leftIconBankCssStyle | styleFilter"
                      onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1696902174844280fa579e4ad2156975c8e4b8ff36a3b.png'" />
                    <img *ngIf="item.leftIcon" [src]="item.leftIcon" [ngStyle]="item?.leftIconCssStyle | styleFilter" />
                    <span class="titleLeftStatus" *ngIf="item.titleLeftStatus"
                      [ngStyle]="item?.titleLeftStatusCssStyle | styleFilter">{{item.titleLeftStatus}}</span>
                    <span class="fristClassTitle" *ngIf="item.title"
                      [ngStyle]="item?.titleCssStyle | styleFilter">{{item.title}}</span>

                    <!--2024.03.29-->
                    <span class="fristClassTitle" *ngIf="item.titleHtml"
                      [ngStyle]="item.titleHtmlCssStyle | styleFilter" [innerHTML]="item.titleHtml | parseStyle"></span>

                    <span class="fristClassTitle" *ngIf="item.titleRightStatus"
                      [ngStyle]="item?.titleRightStatusCssStyle | styleFilter">{{item.titleRightStatus}}</span>
                    <span class="titleStatus"
                      *ngIf="item.titleRowRight?.firstText?.label && item.titleRowRight?.firstText?.label !== ''"
                      [ngStyle]="item.titleRowRight?.firstText?.cssStyle | styleFilter">{{item.titleRowRight.firstText.label}}</span>
                  </div>
                  <span class="titleStatus"
                    *ngIf="item.titleRowRight?.secondText?.label && item.titleRowRight?.secondText?.label !== ''"
                    [ngStyle]="item.titleRowRight?.secondText?.cssStyle | styleFilter">{{item.titleRowRight.secondText.label}}</span>

                  <span class="fristClassNew" *ngIf="item.tag && item.tag.label !== ''">{{item.tag.label}}</span>
                  <ng-container *ngFor="let it of item.tags">
                    <span class="title-tag" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</span>
                  </ng-container>

                  <div *ngIf="item.contentRow||item.description">
                    <div class="fold" appDebounceClick (debounceClick)="showclick($event,dataIndex)"><img
                        id="{{foldimgId}}{{dataIndex}}" [src]="foldimg" onerror="this.src='assets/img/folddown.png'" />
                    </div>
                  </div>
                </div>
                <p class="secondClass" *ngIf="item.secondRowLeft"
                  [ngStyle]="item.secondRowLeft.secondRowLeftCssStyle|styleFilter">
                  <span *ngIf="item.secondRowLeft && item.secondRowLeft.text"
                    [ngStyle]="item.secondRowLeft.cssStyle | styleFilter"
                    [innerHTML]="item.secondRowLeft.text | parseStyle"></span>
                  <span class="floatRight" [ngStyle]="item.secondRowRight.cssStyle | styleFilter"
                    *ngIf="item.secondRowRight && item.secondRowRight.text">{{item.secondRowRight.text}}</span>
                  <span class="floatRight" [ngStyle]="item.secondRowRight.tag.cssStyle | styleFilter"
                    *ngIf="item.secondRowRight && item.secondRowRight.tag"
                    [ngClass]="{'otherColor' : item.secondRowRight.tag.cssType !== 'orange',  'orangeColor' : item.secondRowRight.tag.cssType === 'orange'}">{{item.secondRowRight.tag.label}}</span>
                </p>
                <div class="secondClass" *ngIf="item.secondRowContent"
                  [ngStyle]="item.secondRowContent?.box?.cssStyle|styleFilter">
                  <div class="secondLeftBox" [ngStyle]="item.secondRowContent?.box?.leftBoxCssStyle|styleFilter">
                    <span *ngIf="item.secondRowContent && item.secondRowContent?.firstText1"
                      [ngStyle]="item.secondRowContent?.firstText1?.cssStyle | styleFilter">{{item.secondRowContent?.firstText1?.label}}</span>
                    <button *ngIf="item.secondRowContent && item.secondRowContent?.firstText2"
                      [ngStyle]="item.secondRowContent?.firstText2?.cssStyle | styleFilter">
                      {{item.secondRowContent?.firstText2?.label}}</button>
                    <span *ngIf="item.secondRowContent && item.secondRowContent?.secondText1"
                      [ngStyle]="item.secondRowContent?.secondText1?.cssStyle | styleFilter">{{item.secondRowContent?.secondText1?.label}}</span>
                    <span *ngIf="item.secondRowContent && item.secondRowContent?.secondText2"
                      [ngStyle]="item.secondRowContent?.secondText2?.cssStyle | styleFilter">{{item.secondRowContent?.secondText2?.label}}</span>
                    <span *ngIf="item.secondRowContent && item.secondRowContent?.thirdText1"
                      [ngStyle]="item.secondRowContent?.thirdText1?.cssStyle | styleFilter">{{item.secondRowContent?.thirdText1?.label}}</span>
                    <span *ngIf="item.secondRowContent && item.secondRowContent?.thirdText2"
                      [ngStyle]="item.secondRowContent?.thirdText2?.cssStyle | styleFilter">{{item.secondRowContent?.thirdText2?.label}}</span>
                  </div>
                  <div class="secondRightBox" [ngStyle]="item.secondRowRightBox?.box?.cssStyle|styleFilter">

                    <span *ngIf="item.secondRowRightBox && item.secondRowRightBox?.firstText"
                      [ngStyle]="item.secondRowRightBox?.firstText?.cssStyle | styleFilter">{{item.secondRowRightBox?.firstText?.label}}</span>
                    <span *ngIf="item.secondRowRightBox && item.secondRowRightBox?.secondText"
                      [ngStyle]="item.secondRowRightBox?.secondText?.cssStyle | styleFilter">{{item.secondRowRightBox?.secondText?.label}}</span>
                  </div>
                </div>
                <p class="thirdClass" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowLeft.boxCssStyle | styleFilter">
                  <span *ngIf="item.thirdRowLeft.text" [ngStyle]="item.thirdRowLeft.cssStyle | styleFilter"><img
                      class="thirdRowLeftImg" *ngIf="item.thirdRowLeft.icon" [src]="item.thirdRowLeft.icon"
                      [ngStyle]="item.thirdRowLeft.iconCssStyle | styleFilter"
                      onerror="this.src='assets/icon/list_icon_location@3x.png'">{{item.thirdRowLeft.text}}</span>
                  <span *ngIf="item.thirdRowLeft.text1" [ngStyle]="item.thirdRowLeft.text1CssStyle | styleFilter">
                    {{item.thirdRowLeft.text1}}</span>
                  <span *ngIf="item.thirdRowLeft.text2" [ngStyle]="item.thirdRowLeft.text2CssStyle | styleFilter">
                    {{item.thirdRowLeft.text2}}</span>
                  <span class="floatRight"
                    *ngIf="item.thirdRowRight && item.thirdRowRight.tag && item.thirdRowRight.tag.label"
                    [ngClass]="{'otherColor' : item.thirdRowRight.tag.cssType !== 'orange', 'orangeColor' : item.thirdRowRight.tag.cssType === 'orange'}">{{item.thirdRowRight.tag.label}}</span>
                </p>

                <p class="fourthClass" *ngIf="item.thirdRowLeft2"
                  [ngStyle]="item.thirdRowLeft2.boxCssStyle | styleFilter">
                  <span *ngIf="item.thirdRowLeft2.text1" [ngStyle]="item.thirdRowLeft2.text1CssStyle | styleFilter">
                    {{item.thirdRowLeft2.text1}}</span>
                  <span *ngIf="item.thirdRowLeft2.text2" [ngStyle]="item.thirdRowLeft2.text2CssStyle | styleFilter">
                    {{item.thirdRowLeft2.text2}}</span>
                  <span *ngIf="item.thirdRowLeft2.text3" [ngStyle]="item.thirdRowLeft2.text3CssStyle | styleFilter">
                    {{item.thirdRowLeft2.text3}}</span>
                </p>

                <p class="fourthClass" *ngIf="item.thirdRowLeft4"
                  [ngStyle]="item.thirdRowLeft4.boxCssStyle | styleFilter">
                  <span *ngIf="item.thirdRowLeft4.text1" [ngStyle]="item.thirdRowLeft4.text1CssStyle | styleFilter">
                    {{item.thirdRowLeft4.text1}}</span>
                  <span *ngIf="item.thirdRowLeft4.text2" [ngStyle]="item.thirdRowLeft4.text2CssStyle | styleFilter">
                    {{item.thirdRowLeft4.text2}}</span>
                  <span *ngIf="item.thirdRowLeft4.text3" [ngStyle]="item.thirdRowLeft4.text3CssStyle | styleFilter">
                    {{item.thirdRowLeft4.text3}}</span>
                </p>


                <p class="fourthClass" *ngIf="item.thirdRowLeft5"
                  [ngStyle]="item.thirdRowLeft5.boxCssStyle | styleFilter">
                  <span *ngIf="item.thirdRowLeft5.text1" [ngStyle]="item.thirdRowLeft5.text1CssStyle | styleFilter">
                    {{item.thirdRowLeft5.text1}}</span>
                  <span *ngIf="item.thirdRowLeft5.text2" [ngStyle]="item.thirdRowLeft5.text2CssStyle | styleFilter">
                    {{item.thirdRowLeft5.text2}}</span>
                  <span *ngIf="item.thirdRowLeft5.text3" [ngStyle]="item.thirdRowLeft5.text3CssStyle | styleFilter">
                    {{item.thirdRowLeft5.text3}}</span>
                  <app-rating *ngIf="item.thirdRowLeft5?.star" [rate]="item.thirdRowLeft5.star"></app-rating>
                </p>
              </div>

            </div>
          </div>
          <!--1.9.6 新增按钮-->
          <span class="title" *ngIf="item.rightButton&&item.rightButton.iconList[0]"
            [ngStyle]="item.rightButton.iconList[0].btnCssStyle|styleFilter" appDebounceClick
            (debounceClick)="iconClick(item.rightButton.iconList[0])">
            {{item.rightButton.iconList[0]?.label}}</span>
        </div>
        <div class="contentRow" style="display: none;" id="{{panelId}}{{dataIndex}}">
          <img src="assets/icon/detail_icon_triangle@3x.png" style="width:0.56rem;height:0.38rem;margin-left:1.25rem;">
          <div class="labelBox1" [ngStyle]="item.labelBoxCssStyle|styleFilter">
            <ng-container *ngIf="item.address">
              <div class="descRow">
                <span class="address-title" *ngIf="item.addressLabel"
                  [ngStyle]="item.addressLabelCssStyle|styleFilter">{{item.addressLabel}}</span>
                <p class="address" *ngIf="item.address" [ngStyle]="item.addressCssStyle|styleFilter"> {{item.address}}
                </p>
              </div>

            </ng-container>
            <ng-container *ngIf="item.description">
              <div class="descRow1">
                <span class="address-title" *ngIf="item.descriptionLabel"
                  [ngStyle]="item.descriptionLabelCssStyle|styleFilter">{{item.descriptionLabel}}</span>
                <p class="description" *ngIf="item.description" [ngStyle]="item.descriptionCssStyle|styleFilter">
                  {{item.description}}
                </p>
              </div>
            </ng-container>
            <ng-container *ngIf="item.contentRow">
              {{item.contentRow}}
            </ng-container>
          </div>
          <div class="apply-imgs" *ngIf="item.imgsRow" [ngStyle]="item.imgsRowCssStyle|styleFilter">
            <ng-container *ngFor="let img of item.imgsRow; let i = index">
              <img appDebounceClick (debounceClick)="imgClick(i,item.imgsRow)" class="img" src="{{img}}">
            </ng-container>
          </div>
        </div>





        <!--蜂喔商户1.6.18新增参数-->
        <div class="fourClass 1" [ngStyle]="item.thirdRowLeft3.thirdRowLeft3BoxCssStyle|styleFilter"
          *ngIf="item.thirdRowLeft3">
          <span *ngIf="item.thirdRowLeft3.text1"
            [ngStyle]="item.thirdRowLeft3?.text1CssStyle|styleFilter">{{item.thirdRowLeft3.text1}}</span>
          <span *ngIf="item.thirdRowLeft3.text2"
            [ngStyle]="item.thirdRowLeft3?.text2CssStyle|styleFilter">{{item.thirdRowLeft3.text2}}</span>
          <span *ngIf="item.thirdRowLeft3.text3"
            [ngStyle]="item.thirdRowLeft3?.text3CssStyle|styleFilter">{{item.thirdRowLeft3.text3}}</span>
        </div>

        <div class="fourClass 2" [ngStyle]="item.fourthRowLeft?.fourthRowLeftCssStyle|styleFilter"
          *ngIf="item.fourthRowLeft || item.fourthRowRight">
          <div class="fourthLeft" *ngIf="item.fourthRowLeft"
            [ngStyle]="item.fourthRowLeft.fourthRowLeftBoxCssStyle|styleFilter">

            <span *ngIf="item.fourthRowLeft?.firstText?.label"
              [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle|styleFilter">{{item.fourthRowLeft?.firstText?.label}}</span>
            <span
              *ngIf="item.fourthRowLeft?.secondText &&item.fourthRowLeft?.secondText.label && item.fourthRowLeft?.secondText?.cssStyle"
              [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle|styleFilter">{{item.fourthRowLeft?.secondText?.label}}</span>
            <span *ngIf="item.fourthRowLeft?.firstTag"
              [ngStyle]="item.fourthRowLeft?.firstTag?.cssStyle|styleFilter">{{item.fourthRowLeft?.firstTag?.label}}</span>
            <span appDebounceClick
              (debounceClick)="openModalLink(item.fourthRowLeft?.link,item.fourthRowLeft?.secondTag?.label)"
              *ngIf="item.fourthRowLeft?.secondTag"
              [ngStyle]="item.fourthRowLeft?.secondTag?.cssStyle|styleFilter">{{item.fourthRowLeft?.secondTag?.label}}
              <ng-container
                *ngIf="item.fourthRowLeft?.secondTag?.label==='业务中'||item.fourthRowLeft?.secondTag?.label==='签约中'"> >
              </ng-container>
            </span>
            <span [ngStyle]="item.fourthRowLeft?.secondTest?.cssStyle|styleFilter"
              *ngIf="item.fourthRowLeft?.secondTest && item.fourthRowLeft?.secondTest?.cssStyle">{{item.fourthRowLeft?.secondTest?.label}}</span>

            <span appDebounceClick
              (debounceClick)="openModalLink(item.fourthRowLeft?.link,item.fourthRowLeft?.secondTag?.label)"
              *ngIf="item.fourthRowLeft?.secondTag && !item.fourthRowLeft?.secondTag?.cssStyle">{{item.fourthRowLeft?.secondTag?.label}}
              <ng-container
                *ngIf="item.fourthRowLeft?.secondTag?.label==='业务中'||item.fourthRowLeft?.secondTag?.label==='签约中'"> >
              </ng-container>
            </span>
            <ng-container *ngIf="item.fourthRowLeft?.thirdTag">
              <ng-container *ngFor="let v of item.fourthRowLeft?.thirdTag.label?.split(';'); let i = index;">
                <span class="thirdTag"
                  [ngClass]="i === 0 ? item.fourthRowLeft?.thirdTag.cssType : item.fourthRowLeft?.thirdTag?.cssType + 'Solid'">{{
                  v }}</span>
              </ng-container>
            </ng-container>

          </div>
          <div class="fourthRight"
            *ngIf="tagData.style===tagData.name&& item.fourthRowRight && (item.fourthRowRight?.iconList||item.fourthRowRight?.firstText)"
            [ngStyle]="item.fourthRowRight?.boxCssStyle|styleFilter">

            <span *ngFor="let icons of item.fourthRowRight.iconList, let i = index">

              <!-- 如更设置了最多显示数 -->
              <ng-container *ngIf="item.fourthRowRight.maxIconList && item.fourthRowRight.maxIconList > 1">


                <!-- 小于等于最多个全部显示 -->
                <span class="icon-label-bg 1" [ngStyle]="icons.iconBoxCssStyle|styleFilter" appDebounceClick
                  (debounceClick)="iconClick(icons,dataIndex)"
                  *ngIf="item.fourthRowRight.iconList.length <= item.fourthRowRight.maxIconList">
                  <img *ngIf="icons.iconName" src="{{icons.iconName}}" [ngStyle]="icons.iconCssStyle|styleFilter">
                  <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label"
                    [ngStyle]="icons.iconLabelCssStyle|styleFilter">
                    {{icons.iconLabel}}
                  </p>
                </span>


                <!-- 大于3个 -->
                <span class="icon-label-bg 2" [ngStyle]="icons.iconBoxCssStyle|styleFilter"
                  *ngIf="item.fourthRowRight.iconList.length > item.fourthRowRight.maxIconList && i < item.fourthRowRight.maxIconList">
                  <!-- 显示2个+ 更多 -->
                  <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)"
                    *ngIf="i < (item.fourthRowRight.maxIconList - 1)" src="{{icons.iconName}}"
                    [ngStyle]="icons.iconCssStyle|styleFilter">
                  <p *ngIf="i < (item.fourthRowRight.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                    class="icon-label" [ngStyle]="icons.iconLabelCssStyle|styleFilter">
                    {{icons.iconLabel}}
                  </p>

                  <!-- 更多 -->
                  <img appDebounceClick
                    (debounceClick)="openIcon(item.fourthRowRight.iconList,dataIndex,item.fourthRowRight.maxIconList)"
                    *ngIf="i === (item.fourthRowRight.maxIconList - 1)" [ngStyle]="icons.moreIconCssStyle|styleFilter"
                    src="{{icons.moreIconName}}" onerror="this.src='assets/img/List operation_icon_more@3x.png'" />
                  <p *ngIf="i === (item.fourthRowRight.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                    class="icon-label">
                    更多
                  </p>
                </span>
              </ng-container>
              <ng-container *ngIf="!item.fourthRowRight.maxIconList">
                <!-- 小于等于3个全部显示 -->
                <span class="icon-label-bg 3" *ngIf="item.fourthRowRight.iconList.length <= 3" appDebounceClick
                  (debounceClick)="iconClick(icons,dataIndex)" [ngStyle]="icons.iconBoxCssStyle|styleFilter">
                  <img *ngIf="icons.iconName" src="{{icons.iconName}}" [ngStyle]="icons.iconCssStyle|styleFilter">
                  <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label"
                    [ngStyle]="icons.iconLabelCssStyle|styleFilter">
                    {{icons.iconLabel}}
                  </p>
                </span>
                <!-- 大于3个 -->
                <span class="icon-label-bg 4" *ngIf="item.fourthRowRight.iconList.length > 3 && i < 3"
                  [ngStyle]="icons.iconBoxCssStyle|styleFilter">
                  <!-- 显示2个+ 更多 -->
                  <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)"
                    [ngStyle]="icons.icon1CssStyle|styleFilter" *ngIf="i < 2" src="{{icons.iconName}}">
                  <p *ngIf="i < 2 && icons.iconLabel && icons.iconLabel.length > 0" class="icon-label"
                    [ngStyle]="icons.iconLabelCssStyle|styleFilter">
                    {{icons.iconLabel}}
                  </p>
                  <!-- 更多 -->
                  <img appDebounceClick (debounceClick)="openIcon(item.fourthRowRight.iconList,dataIndex)"
                    *ngIf="i === 2" [ngStyle]="icons.iconCssStyle|styleFilter"
                    src="assets/img/List operation_icon_more@3x.png">
                  <p *ngIf="i === 2 && item.fourthRowRight.iconList.length > 3&& (icons.iconLabel && icons.iconLabel.length > 0 )"
                    [ngStyle]="icons.iconLabelCssStyle|styleFilter" class="icon-label">
                    更多
                  </p>
                </span>
              </ng-container>

            </span>

            <span *ngIf="item.fourthRowRight?.firstText?.label"
              [ngStyle]="item.fourthRowRight?.firstText?.cssStyle|styleFilter">{{item.fourthRowRight?.firstText?.label}}</span>

            <span *ngIf="item.fourthRowRight?.secondText?.label"
              [ngStyle]="item.fourthRowRight?.secondText?.cssStyle|styleFilter">{{item.fourthRowRight?.secondText?.label}}</span>

          </div>
        </div>

        <!--1.6.14 赚钱宝版本新增参数 -->
        <div class="fourClass 3" *ngIf="item.thirdRowLeftNew" [ngStyle]="item.thirdRowLeftNew.boxCssStyle|styleFilter">
          <div class="fourthLeft" *ngIf="item.thirdRowLeftNew">
            <div class="fourthLeftBox2" [ngStyle]="item.thirdRowLeftNew2.box2CssStyle|styleFilter">
              <img class="thirdRowLeftImg" *ngIf="item.thirdRowLeftNew.icon" [src]="item.thirdRowLeftNew.icon"
                [ngStyle]="item.thirdRowLeftNew.iconCssStyle | styleFilter"
                onerror="this.src='assets/icon/list_icon_location@3x.png'">
              <span *ngIf="item.thirdRowLeftNew?.firstText?.label"
                [ngStyle]="item.thirdRowLeftNew?.firstText?.cssStyle|styleFilter">{{item.thirdRowLeftNew?.firstText?.label}}</span>
              <span
                *ngIf="item.thirdRowLeftNew?.secondText &&item.thirdRowLeftNew?.secondText.label && item.thirdRowLeftNew?.secondText?.cssStyle"
                [ngStyle]="item.thirdRowLeftNew?.secondText?.cssStyle|styleFilter">{{item.thirdRowLeftNew?.secondText?.label}}</span>
              <span *ngIf="item.thirdRowLeftNew?.firstTag"
                [ngStyle]="item.thirdRowLeftNew?.firstTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew?.firstTag?.label}}</span>
            </div>
            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew?.link,item.thirdRowLeftNew?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew?.secondTag"
              [ngStyle]="item.thirdRowLeftNew?.secondTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew?.secondTag?.label==='业务中'||item.thirdRowLeftNew?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>
            <span [ngStyle]="item.thirdRowLeftNew?.secondTest?.cssStyle|styleFilter"
              *ngIf="item.thirdRowLeftNew?.secondTest && item.thirdRowLeftNew?.secondTest?.cssStyle">{{item.thirdRowLeftNew?.secondTest?.label}}</span>

            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew?.link,item.thirdRowLeftNew?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew?.secondTag && !item.thirdRowLeftNew?.secondTag?.cssStyle">{{item.thirdRowLeftNew?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew?.secondTag?.label==='业务中'||item.thirdRowLeftNew?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>
            <ng-container *ngIf="item.thirdRowLeftNew?.thirdTag">
              <ng-container *ngFor="let v of item.thirdRowLeftNew?.thirdTag.label?.split(';'); let i = index;">
                <span class="thirdTag"
                  [ngClass]="i === 0 ? item.thirdRowLeftNew?.thirdTag.cssType : item.thirdRowLeftNew?.thirdTag?.cssType + 'Solid'">{{
                  v }}</span>
              </ng-container>
            </ng-container>
          </div>
        </div>

        <div class="fourClass 4" *ngIf="item.thirdRowLeftNew2"
          [ngStyle]="item.thirdRowLeftNew2.boxCssStyle|styleFilter">
          <div class="fourthLeft" *ngIf="item.thirdRowLeftNew2"
            [ngStyle]="item.thirdRowLeftNew2.box1CssStyle|styleFilter">
            <div class="fourthLeftBox2" [ngStyle]="item.thirdRowLeftNew2.box2CssStyle|styleFilter">
              <img class="thirdRowLeftImg" *ngIf="item.thirdRowLeftNew2.icon" [src]="item.thirdRowLeftNew2.icon"
                [ngStyle]="item.thirdRowLeftNew2.iconCssStyle | styleFilter"
                onerror="this.src='assets/icon/list_icon_location@3x.png'">
              <span *ngIf="item.thirdRowLeftNew2?.firstText?.label"
                [ngStyle]="item.thirdRowLeftNew2?.firstText?.cssStyle|styleFilter">{{item.thirdRowLeftNew2?.firstText?.label}}</span>
              <span
                *ngIf="item.thirdRowLeftNew2?.secondText &&item.thirdRowLeftNew2?.secondText.label && item.thirdRowLeftNew2?.secondText?.cssStyle"
                [ngStyle]="item.thirdRowLeftNew2?.secondText?.cssStyle|styleFilter">{{item.thirdRowLeftNew2?.secondText?.label}}</span>
              <span *ngIf="item.thirdRowLeftNew2?.firstTag"
                [ngStyle]="item.thirdRowLeftNew2?.firstTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew2?.firstTag?.label}}</span>
            </div>
            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew2?.link,item.thirdRowLeftNew2?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew2?.secondTag"
              [ngStyle]="item.thirdRowLeftNew2?.secondTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew2?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew2?.secondTag?.label==='业务中'||item.thirdRowLeftNew2?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>

            <span [ngStyle]="item.thirdRowLeftNew2?.secondTest?.cssStyle|styleFilter"
              *ngIf="item.thirdRowLeftNew2?.secondTest && item.thirdRowLeftNew2?.secondTest?.cssStyle">{{item.thirdRowLeftNew2?.secondTest?.label}}</span>

            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew2?.link,item.thirdRowLeftNew2?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew2?.secondTag && !item.thirdRowLeftNew2?.secondTag?.cssStyle">{{item.thirdRowLeftNew2?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew2?.secondTag?.label==='业务中'||item.thirdRowLeftNew2?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>
            <ng-container *ngIf="item.thirdRowLeftNew2?.thirdTag">
              <ng-container *ngFor="let v of item.thirdRowLeftNew2?.thirdTag.label?.split(';'); let i = index;">
                <span class="thirdTag"
                  [ngClass]="i === 0 ? item.thirdRowLeftNew2?.thirdTag.cssType : item.thirdRowLeftNew2?.thirdTag?.cssType + 'Solid'">{{
                  v }}</span>
              </ng-container>
            </ng-container>
          </div>
        </div>


        <div class="fourClass 5" *ngIf="item.thirdRowLeftNew3"
          [ngStyle]="item.thirdRowLeftNew3.boxCssStyle|styleFilter">
          <div class="fourthLeft" *ngIf="item.thirdRowLeftNew3"
            [ngStyle]="item.thirdRowLeftNew3.box1CssStyle|styleFilter">
            <div class="fourthLeftBox2" [ngStyle]="item.thirdRowLeftNew3.box2CssStyle|styleFilter">
              <img class="thirdRowLeftImg" *ngIf="item.thirdRowLeftNew3.icon" [src]="item.thirdRowLeftNew3.icon"
                [ngStyle]="item.thirdRowLeftNew3.iconCssStyle | styleFilter"
                onerror="this.src='assets/icon/list_icon_location@3x.png'">
              <span *ngIf="item.thirdRowLeftNew3?.firstText?.label"
                [ngStyle]="item.thirdRowLeftNew3?.firstText?.cssStyle|styleFilter">{{item.thirdRowLeftNew3?.firstText?.label}}</span>
              <span
                *ngIf="item.thirdRowLeftNew3?.secondText &&item.thirdRowLeftNew3?.secondText.label && item.thirdRowLeftNew3?.secondText?.cssStyle"
                [ngStyle]="item.thirdRowLeftNew3?.secondText?.cssStyle|styleFilter">{{item.thirdRowLeftNew3?.secondText?.label}}</span>
              <span *ngIf="item.thirdRowLeftNew3?.firstTag"
                [ngStyle]="item.thirdRowLeftNew3?.firstTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew3?.firstTag?.label}}</span>
            </div>
            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew3?.link,item.thirdRowLeftNew3?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew3?.secondTag"
              [ngStyle]="item.thirdRowLeftNew3?.secondTag?.cssStyle|styleFilter">{{item.thirdRowLeftNew3?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew3?.secondTag?.label==='业务中'||item.thirdRowLeftNew3?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>
            <span [ngStyle]="item.thirdRowLeftNew3?.secondTest?.cssStyle|styleFilter"
              *ngIf="item.thirdRowLeftNew3?.secondTest && item.thirdRowLeftNew3?.secondTest?.cssStyle">{{item.thirdRowLeftNew3?.secondTest?.label}}</span>

            <span appDebounceClick
              (debounceClick)="openModalLink(item.thirdRowLeftNew3?.link,item.thirdRowLeftNew3?.secondTag?.label)"
              *ngIf="item.thirdRowLeftNew3?.secondTag && !item.thirdRowLeftNew3?.secondTag?.cssStyle">{{item.thirdRowLeftNew3?.secondTag?.label}}
              <ng-container
                *ngIf="item.thirdRowLeftNew3?.secondTag?.label==='业务中'||item.thirdRowLeftNew3?.secondTag?.label==='签约中'">
                >
              </ng-container>
            </span>
            <ng-container *ngIf="item.thirdRowLeftNew3?.thirdTag">
              <ng-container *ngFor="let v of item.thirdRowLeftNew3?.thirdTag.label?.split(';'); let i = index;">
                <span class="thirdTag"
                  [ngClass]="i === 0 ? item.thirdRowLeftNew3?.thirdTag.cssType : item.thirdRowLeftNew3?.thirdTag?.cssType + 'Solid'">{{
                  v }}</span>
              </ng-container>
            </ng-container>
          </div>
        </div>






        <!--1.6.35 出租房业务 -->
        <div class="remark-all top" *ngIf="item.topRemark" [ngStyle]="item.topRemarkCssStyle|styleFilter">
          <div class="remark" [ngStyle]="item.topRemarkBoxCssStyle|styleFilter">
            <div class="text" [ngStyle]="item.topRemarkTextCssStyle|styleFilter">{{item.topRemark}}</div>
          </div>
        </div>

        <!-- 2.2.0 签约信息-->

        <div *ngIf="item.thirdRowLeftNew4 && item.thirdRowLeftNew4.length > 0"
          [ngStyle]="item.thirdRowLeftNew4[0]?.box?.boxCssStyle | styleFilter">
          <div
            *ngIf="item.thirdRowLeftNew4[0]?.firstRowLeft?.firstText?.label || item.thirdRowLeftNew4[0]?.firstRowLeft?.avatar?.avatarUrl"
            [ngStyle]="item.thirdRowLeftNew4[0]?.box?.firstRowCssStyle | styleFilter" class="new4-first-row">
            <!-- avatar name -->
            <p class="">
              <img [ngStyle]="item.thirdRowLeftNew4[0]?.firstRowLeft?.avatar?.cssStyle | styleFilter"
                src="{{item.thirdRowLeftNew4[0]?.firstRowLeft?.avatar?.avatarUrl}}" alt="">
              <span
                [ngStyle]="item.thirdRowLeftNew4[0]?.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeftNew4[0]?.firstRowLeft?.firstText?.label}}</span>
            </p>
            <!-- btn -->
            <div *ngIf="item.thirdRowLeftNew4Btns" class="new4-btn-bg">
              <img class="new4-btn" src="{{it.icon}}" appDebounceClick (debounceClick)="iconClick(it)" alt=""
                *ngFor="let it of item.thirdRowLeftNew4Btns">
            </div>
          </div>
          <div *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText"
            [ngStyle]="item.thirdRowLeftNew4[0]?.box?.secondRowCssStyle | styleFilter">
            <!-- tips -->
            <p class="new4-tip" *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.tip"
              [ngStyle]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.tipCssStyle | styleFilter">
              {{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.tip}}</p>
            <!-- items -->
            <p *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label1 || item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value1"
              class="new4-item-bg"><span
                class="new4-label">{{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label1}}</span><span
                class="new4-value"
                [innerHTML]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value1 | parseStyle"></span></p>

            <p *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label2 || item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value2"
              class="new4-item-bg"><span
                class="new4-label">{{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label2}}</span><span
                class="new4-value"
                [innerHTML]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value2 | parseStyle"></span></p>

            <p *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label3 || item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value3"
              class="new4-item-bg"><span
                class="new4-label">{{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label3}}</span><span
                class="new4-value"
                [innerHTML]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value3 | parseStyle"></span></p>

            <p *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label4 || item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value4"
              class="new4-item-bg"><span
                class="new4-label">{{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.label4}}</span><span
                class="new4-value"
                [innerHTML]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.value4 | parseStyle"></span></p>

            <img *ngIf="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.status"
              src="{{item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.status}}" alt=""
              [ngStyle]="item.thirdRowLeftNew4[0]?.secondRowLeft?.firstText?.statusCssStyle | styleFilter">
          </div>


        </div>
        <!-- 2.2.0 签约进度-->
        <div *ngIf="item.thirdRowLeftNew4 && item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText"
          [ngStyle]="item.thirdRowLeftNew4[0]?.box?.thirdRowCssStyle | styleFilter" class="new4-process-bg">
          <span *ngIf="item.thirdRowLeftNew4 && item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsLabel"
            class="new4-label">{{item.thirdRowLeftNew4 &&
            item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsLabel}}</span>
          <div *ngIf="item.thirdRowLeftNew4 && item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.options"
            class="new4-process-item-bg">
            <ng-container *ngFor="let it of item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.options; let i = index">
              <div class="new4-process-item">
                <span class="new4-process-label"
                  [ngClass]="{ 'new4-process-label-checked':i < item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue,'new4-process-label-current':i == item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue }">{{it}}</span>
                <p class="new4-process-bottom">
                  <span class="new4-process-line"
                    [ngClass]="{'clean': i == 0,'new4-process-line-checked':i <= item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue }"></span>
                  <span class="new4-process-dot"
                    [ngClass]="{'new4-process-dot-checked': i < item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue,'new4-process-dot-current': i == item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue }"></span>
                  <span class="new4-process-line"
                    [ngClass]="{'clean': i == item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.options.length - 1 ,'new4-process-line-checked':i < item.thirdRowLeftNew4[0]?.thirdRowLeft?.firstText?.optionsValue}"></span>
                </p>
              </div>
            </ng-container>

          </div>


        </div>
        <!-- 1.6.14 赚钱宝版本新增参数 -->
        <div class="buttonRow" *ngIf="item.buttons&&item.buttons.length > 0"
          [ngStyle]="item.buttonsCssStyle|styleFilter">

          <span class="buttonRowLeftLabel" *ngIf="item.buttonRowLeftLabel"
            [ngStyle]="item.buttonRowLeftLabelCssStyle|styleFilter">{{item.buttonRowLeftLabel}}

            <span class="buttonRowLeftLabel" *ngIf="item.buttonRowLeftLabel1"
              [ngStyle]="item.buttonRowLeftLabel1CssStyle|styleFilter">{{item.buttonRowLeftLabel1}}
            </span>

            <span class="buttonRowLeftLabel" *ngIf="item.buttonRowLeftLabel2"
              [ngStyle]="item.buttonRowLeftLabel2CssStyle|styleFilter">{{item.buttonRowLeftLabel2}}
            </span>
          </span>


          <div class="buttonRowRight moreButton" [ngStyle]="item.buttonRowRightBoxCssStyle|styleFilter">
            <!-- 小于等于3个全部显示 只需要显示一个‘更多’ 不需要图标-->
            <ng-container
              *ngIf="item.fourthRowRight && item.fourthRowRight.bottonList && item.fourthRowRight?.bottonList?.length >0">
              <span [ngStyle]="item.fourthRowRight.cssStyle|styleFilter" appDebounceClick
                (debounceClick)="showActionSheet(item.fourthRowRight.bottonList)">更多</span>
            </ng-container>

            <ng-container *ngIf="item.moreButtons&&item.moreButtons.length > 0">
              <ng-container *ngIf="item.moreButtonsCssStyle; else elseMoreBtnTemplate">
                <span class="more-btn-new" appDebounceClick
                  (debounceClick)="remarkList2(item.moreButtons,item,dataIndex)"
                  [ngStyle]="item.moreButtonsCssStyle|styleFilter">{{item.moreButtonsLabel}}

                  <img class="notIconLabelImg" *ngIf="item?.moreButtonImgUrl" [src]="item?.moreButtonImgUrl"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png'"
                    [ngStyle]="item?.moreButtonImgUrlCssStyle|styleFilter" />

                </span>
              </ng-container>
              <ng-template #elseMoreBtnTemplate>
                <span class="more-btn-new" appDebounceClick
                  (debounceClick)="remarkList2(item.moreButtons,item,dataIndex)"
                  [ngStyle]="item.moreButtons[0].link?.params?.btnCssStyle|styleFilter">{{item.moreButtons[0].link?.params?.moreButtonLabel}}</span>
              </ng-template>
            </ng-container>
            <ng-container *ngFor="let subItem of item.buttons;let i = index;">
              <ng-container *ngIf="subItem.iconLabel">
                <span class="new-button  iconLabel" [ngStyle]="subItem.btnCssStyle|styleFilter"
                  [ngClass]="{'mgLeft':item.fourthRowRight?.bottonList}" appDebounceClick
                  (debounceClick)="iconClick(subItem,dataIndex)">{{subItem.iconLabel}}</span>
                <!--leftIcon 是服务展示管理左侧图标-->
                <span *ngIf="item.leftIcon && i !== item.buttons?.length - 1" class="new-button-line"></span>
              </ng-container>

              <ng-container *ngIf="!subItem.iconLabel">

                <ng-container *ngIf="subItem.imgUrl; else elseImgUrlTemplate">
                  <span class="new-button notIconLabel" [ngStyle]="subItem.link?.params?.btnCssStyle|styleFilter"
                    appDebounceClick (debounceClick)="moreClick(subItem.link,subItem)">
                    {{subItem.label}}
                    <img class="notIconLabelImg" *ngIf="subItem.imgUrl" [src]="subItem.imgUrl"
                      onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png'"
                      [ngStyle]="subItem.imgUrlCssStyle|styleFilter" />
                  </span>

                </ng-container>
                <ng-template #elseImgUrlTemplate>

                  <span class="new-button notIconLabel" [ngStyle]="subItem.link?.params?.btnCssStyle|styleFilter"
                    appDebounceClick (debounceClick)="moreClick(subItem.link)">{{subItem.label}}</span>

                </ng-template>
              </ng-container>
            </ng-container>

          </div>

        </div>


        <div class="remark-all top" *ngIf="item.remark" [ngStyle]="item.remarkCssStyle|styleFilter">
          <div class="remark" [ngStyle]="item.remarkBoxCssStyle|styleFilter">
            <div class="text" [ngStyle]="item.remarkTextCssStyle|styleFilter">{{item.remark}}</div>
          </div>
        </div>


        <div class="share-row-box" *ngIf="item.shareRow" [ngStyle]="item.shareRowBoxCssStyle|styleFilter">
          <span class="share-row-head">分享到</span>
          <ng-container *ngFor="let j of item.shareRow.data;let index = index;">
            <ng-container *ngIf="index <= (item.shareRow.maxIcon - 1) ">
              <ng-container *ngIf="j.shareBtn">
                <img class="share-icon" [ngStyle]="{'margin-left':index===0?'0.75rem !important':'1.13rem !important' }"
                  [src]="j.shareBtn.iconName" appDebounceClick (debounceClick)="gotoSharePage(j.shareBtn)" />
              </ng-container>
              <ng-container *ngIf="!j.shareBtn">
                <img class="share-icon" [ngStyle]="{'margin-left':index===0?'0.75rem !important':'1.13rem !important' }"
                  [src]="j.shareIcon" appDebounceClick (debounceClick)="gotoSharePage(j)" />
              </ng-container>
            </ng-container>
          </ng-container>

          <!--超过数量则显示更多-->
          <ng-container *ngIf="item.shareRow.data.length > item.shareRow.maxIcon || item.shareRow.iconList">
            <img class="share-icon" src="assets/laijian/share_icon_more@3x.png" appDebounceClick
              (debounceClick)="openShareModal(item.shareRow.iconList)" />
          </ng-container>
        </div>

        <div class="fourthRight2"
          *ngIf="tagData.style!==tagData.name&& item.fourthRowRight &&  item.fourthRowRight.iconList"
          [ngStyle]="item.fourthRowRightBoxCssStyle|styleFilter">
          <span *ngFor="let icons of item.fourthRowRight.iconList, let i = index">
            <!-- 如更设置了最多显示数 -->
            <ng-container *ngIf="item.fourthRowRight.maxIconList && item.fourthRowRight.maxIconList > 1">
              <!-- 小于等于最多个全部显示 -->
              <span class="icon-label-bg 5"
                *ngIf="item.fourthRowRight.iconList.length <= item.fourthRowRight.maxIconList">
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
                <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
              </span>
              <!-- 大于3个 -->
              <span class="icon-label-bg 6"
                *ngIf="item.fourthRowRight.iconList.length > item.fourthRowRight.maxIconList && i < item.fourthRowRight.maxIconList">
                <!-- 显示2个+ 更多 -->
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)"
                  *ngIf="i < (item.fourthRowRight.maxIconList - 1)" src="{{icons.iconName}}">
                <p *ngIf="i < (item.fourthRowRight.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                  class="icon-label">
                  {{icons.iconLabel}}
                </p>
                <!-- 更多 -->
                <img appDebounceClick
                  (debounceClick)="openIcon(item.fourthRowRight.iconList,dataIndex,item.fourthRowRight.maxIconList)"
                  *ngIf="i === (item.fourthRowRight.maxIconList - 1)" src="assets/img/List operation_icon_more@3x.png">
                <p *ngIf="i === (item.fourthRowRight.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                  class="icon-label">
                  更多
                </p>
              </span>
            </ng-container>
            <ng-container *ngIf="!item.fourthRowRight.maxIconList">
              <!-- 小于等于3个全部显示 -->
              <span class="icon-label-bg 7" *ngIf="item.fourthRowRight.iconList.length <= 3">
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
                <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
              </span>
              <!-- 大于3个 -->
              <span class="icon-label-bg 8" *ngIf="item.fourthRowRight.iconList.length > 3 && i < 3">
                <!-- 显示2个+ 更多 -->
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" *ngIf="i < 2"
                  src="{{icons.iconName}}">
                <p *ngIf="i < 2 && icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
                <!-- 更多 -->
                <img appDebounceClick (debounceClick)="openIcon(item.fourthRowRight.iconList,dataIndex)" *ngIf="i === 2"
                  src="assets/img/List operation_icon_more@3x.png">
                <p *ngIf="i === 2 && item.fourthRowRight.iconList.length > 3&& (icons.iconLabel && icons.iconLabel.length > 0 )"
                  class="icon-label">
                  更多
                </p>
              </span>
            </ng-container>
          </span>
        </div>

        <div class="fourthRight2" *ngIf=" item.fourthRowRight2 &&  item.fourthRowRight2.iconList"
          [ngStyle]="item.fourthRowRight2BoxCssStyle|styleFilter">
          <span *ngFor="let icons of item.fourthRowRight2.iconList, let i = index">
            <!-- 如更设置了最多显示数 -->
            <ng-container *ngIf="item.fourthRowRight2.maxIconList && item.fourthRowRight2.maxIconList > 1">
              <!-- 小于等于最多个全部显示 -->
              <span class="icon-label-bg 9"
                *ngIf="item.fourthRowRight2.iconList.length <= item.fourthRowRight2.maxIconList">
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
                <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
              </span>
              <!-- 大于3个 -->
              <span class="icon-label-bg 10"
                *ngIf="item.fourthRowRight2.iconList.length > item.fourthRowRight2.maxIconList && i < item.fourthRowRight2.maxIconList">
                <!-- 显示2个+ 更多 -->
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)"
                  *ngIf="i < (item.fourthRowRight2.maxIconList - 1)" src="{{icons.iconName}}">
                <p *ngIf="i < (item.fourthRowRight2.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                  class="icon-label">
                  {{icons.iconLabel}}
                </p>
                <!-- 更多 -->
                <img appDebounceClick
                  (debounceClick)="openIcon(item.fourthRowRight2.iconList,dataIndex,item.fourthRowRight2.maxIconList)"
                  *ngIf="i === (item.fourthRowRight2.maxIconList - 1)" src="assets/img/List operation_icon_more@3x.png">
                <p *ngIf="i === (item.fourthRowRight2.maxIconList - 1) && icons.iconLabel && icons.iconLabel.length > 0"
                  class="icon-label">
                  更多
                </p>
              </span>
            </ng-container>
            <ng-container *ngIf="!item.fourthRowRight2.maxIconList">
              <!-- 小于等于3个全部显示 -->
              <span class="icon-label-bg 11" *ngIf="item.fourthRowRight2.iconList.length <= 3">
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
                <p *ngIf=" icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
              </span>
              <!-- 大于3个 -->
              <span class="icon-label-bg 12" *ngIf="item.fourthRowRight2.iconList.length > 3 && i < 3">
                <!-- 显示2个+ 更多 -->
                <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" *ngIf="i < 2"
                  src="{{icons.iconName}}">
                <p *ngIf="i < 2 && icons.iconLabel && icons.iconLabel.length > 0" class="icon-label">
                  {{icons.iconLabel}}
                </p>
                <!-- 更多 -->
                <img appDebounceClick (debounceClick)="openIcon(item.fourthRowRight2.iconList,dataIndex)"
                  *ngIf="i === 2" src="assets/img/List operation_icon_more@3x.png">
                <p *ngIf="i === 2 && item.fourthRowRight2.iconList.length > 3&& (icons.iconLabel && icons.iconLabel.length > 0 )"
                  class="icon-label">
                  更多
                </p>
              </span>
            </ng-container>
          </span>
        </div>
        <div class="lineStyle" *ngIf="!item.lineBox"></div>
      </div>
      <!--lineCssStyle 是服务展示管理在用-->
      <p class="information-line" *ngIf="item.mainBox1?.lineCssStyle && dataIndex !== tagData.data?.data?.length - 1"
        [ngStyle]="item.mainBox1?.lineCssStyle|styleFilter"></p>
    </div>
  </ng-template>



  <div *ngIf="openRemarks" class="remarksText">
    <div><textarea [(ngModel)]="remarksText" maxlength="remarksIcon.formData.textarea.maxLength"
        placeholder="{{remarksIcon.formData.textarea.placeholder}}"></textarea></div>
    <div appDebounceClick (debounceClick)="submitRemarks()" class="submit-btn">
      <p class="submit-btn-p">确定</p>
    </div>
  </div>

  <div class="more-btn" [ngStyle]="tagData.data.moreButton.cssStyle|styleFilter" *ngIf="tagData.data.moreButton?.label"
    appDebounceClick (debounceClick)="moreClick(tagData.data.moreButton.link)">
    <span class="more-btn-span">{{tagData.data.moreButton.label}}</span>
  </div>
  <div class="noData"
    *ngIf="emptyDataHint && (tagData.data && tagData.data.data &&  tagData.data.data.length < 1)||(tagData.data && !tagData.data.data)">
    <span class="noData-span" [innerHTML]="emptyDataHint | parseStyle"></span>
  </div>
  <ion-infinite-scroll *ngIf="showLoadMore" threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>